



<div>
<button class="btn btn-primary" (click) = "addBook()">添加</button>

</div>


<div>
    <div class="input-group input-group-sm mb-3">
        <div class="input-group-prepend">
          <span class="input-group-text" id="inputGroup-sizing-sm">课程名称:</span>
        </div>
        <input type="text" [(ngModel)]="b.name" class="form-control" aria-label="Sizing example input" aria-describedby="inputGroup-sizing-sm">
      </div>

      <button class="btn btn-success" (click)="save()">保存</button>
      <button class="btn btn-info">取消</button>


</div>


<table class="table">
<tr>
<th>
    课程名称
</th>
<th>
    操作
</th>

</tr>


<tr *ngFor="let x of bl" >
<td>
{{x.name}}

</td>

<td>
    <button class="btn btn-warning" (click)="toupdate(x)">修改</button>
    <button class="btn btn-danger" (click)="deleteBook(x)">删除</button>
</td>

</tr>




</table>


